<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Create a new account</title>
<link href="../styles/signup.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>Create a new account:</h3>
<p>If you already have an account, you <a href="index.html">can sign here</a></p>
<form id="createAccountForm" name="form1" method="post" action="signup">
  <p><strong>Required information:</strong>
  </p>
  <p>
    <label for="newUserName">User name:     </label>
    <input type="text" name="newUserName" id="newUserName" />
  </p>
  <p><font color="#D6D6D6" face="Courier New, Courier, monospace" id="userNameHint" title="">e.g.</font></p>
  <p>
    <label for="choosePassword">Choose a password:</label>
    <input type="text" name="choosePassword" id="choosePassword" />
  </p>
  <p>
    <label for="confirmPassword">Re-enter password:</label>
    <input type="text" name="confirmPassword" id="confirmPassword" />
  <span id="passwordHint"> password</span></p>
  <hr />
  <label>Email:       
    <input type="text" name="userEmail" id="userEmail" />
  </label>
  <br/><p>
    <label>Recovery Email:    
      <input type="text" name="userRecoveryEmail" id="userRecoveryEmail" />
  </label>
  <br/> <p>
    <label>First name:
    <input type="text" name="userFistName" id="userFirstName" />
  </label>
  <br/> <p>
    <label>Middle name:
    <input type="text" name="userMiddleName" id="userMiddleName" />
  </label>
  <p>
    <label>Last name:
    <input type="text" name="userLastName" id="userLastName" />
  </label> 
  <br /> <p>
    <label>Location:
    <input type="text" name="userLocation" id="userLocation" />
  </label>
  <br/> <p>
    <input name="createNewAccountBtn" type="submit" id="createNewAccountBtn" value="Create my account." />
  </p>
</form>
<p>&nbsp;</p>
</body>
</html>